@import './_function.less';
.header {
    .pl(20);
    .pr(20);
    .h(88);
    .lh(88);
    .tc();
    .bc(#ff8f00);
    .pr();
    .c(@cW);
    img {
        .pa();
        .w(24);
        .h(44);
        .l(20);
        top: 50%;
        .mt(-22);
    }
    .register {
        .fs(40);
    }
    .login {
        .fs(32);
        .pa();
        .r(20);
    }
}

.main {
    .pl(20);
    .pr(20);
    .pb(466);
    form {
        .mt(206);
        .mr(115);
        .tr();
        div {
            .mb(74);
        }
        div:nth-child(4) {
            .mb(34);
        }
    }
    label {
        .db();
        display: flex;
        align-items: center;
        justify-content: flex-end;
        span {
            .fs(36);
            .c(#3f3f3f);
            .mr(26);
        }
    }
    input {
        .bn();
        .w(350);
        .bb(1, solid, #cccccc);
    }
    ::-webkit-input-placeholder {
        .fs(30);
        .c(#a7a7a7);
    }
    :-moz-placeholder {
        .fs(30);
        .c(#a7a7a7);
    }
    ::-moz-placeholder {
        .fs(30);
        .c(#a7a7a7);
    }
    :-ms-input-placeholder {
        .fs(30);
        .c(#a7a7a7);
    }
    .vCode {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .mb(32);
        img {
            .w(148);
            .h(48);
            .bn();
            .mb(-3);
        }
        a {
            .dib();
            .mr(22);
            border: 1px solid #cccccc;
        }
        span {
            .fs(24);
            .c(#a7a7a7);
            cursor: pointer;
        }
    }
    .rg {
        .db();
        .w(400);
        .lh(80);
        .bc(#ef0d0d);
        .tc();
        .c(@cW);
        .br(10);
        .fs(48);
        margin: 0 auto;
    }
    .protocol {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        .mb(44);
        input {
            .dn();
        }
        i {
            .db();
            .w(20);
            .h(20);
            border: 1px solid #000000;
            .br(4);
            .bc(#f3f3f3);
            background: url('../img/protocol_icon.png') no-repeat;
            background-size: 100%;
            .bgp(1,
            2);
        }
        .pl {
            .fs(24);
            .ml(10);
            .mb(0);
            .lh(26);
            .c(#3f3f3f);
            a {
                .fs(24);
                .dib();
                .c(#22b0fa);
            }
        }
    }
}